<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
	</head>
	<body>
		
		<div id="divId"></div>
		
		<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.onload = function() {
				//var div = document.getElementById("divId");
				//div.innerHTML = "<span style='color: red;'>Hello JQuery</span>";
				
				// $("div")  ==  document.getElementsByTagName("div")  返回数组
				// $("#divId")  == document.getElementById("divId");   返回确定的一个值
				
				// $("#divId").html("<span style='color: red;'>Hello JQuery</span>");
				// 返回值不是js dom里面的div，是jquery封装之后
				//var div = $("#divId");
				//div.html("<span style='color: red;'>Hello JQuery</span>");
			}
			
			// 页面加载完之后执行这个
			$(function() {
				// var div = $("#divId");
				// div.html("<span style='color: red;'>Hello JQuery</span>");
				$("#divId").html("<span style='color: red;'>Hello JQuery</span>");
			});
			
		</script>
	</body>
</html>
